<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>订单页</title>
		<link rel="stylesheet" href="css/gzh/admin.css" />
		<link rel="stylesheet" href="css/new.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/font-awesome.css" />
		<link rel="stylesheet" href="css/adminSystem.css" />
		<script src="js/gzh/jquery-3.3.1.min.js"></script>
		<script src="lib/bootstrap.min.js"></script>
		<style type="text/css">

		</style>
	</head>
	<body class="fixed skin-blue">
		<div class="wrapper" style="height: auto;">
			<header class="main-header">
				<div class="logo">
					<span class="logo-lg"><b>VMALL</b>后台管理</span>
				</div>
				<nav class="navbar navbar-static-top">
	                <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
	                    <span class="sr-only glyphicon glyphicon-th-list"></span>
	                </a>
	
	                <!--顶部菜单 开始-->
	                <div id="menu" class="navbar-custom-menu">
	                    <ul class="nav navbar-nav" name="topMenu">
	                                <li><a hidefocus="true" href="/goods/goods_list">商品</a></li>
	                                <li><a hidefocus="true" href="/member/member_list">会员</a></li>
	                                <li><a hidefocus="true" href="/order/order_list">订单</a></li>
	                                <li><a hidefocus="true" href="/market/pro_rule_list">营销</a></li>
	                                <li><a hidefocus="true" href="/market/user_reg">统计</a></li>
	                                <li class="active"><a hidefocus="true" href="/system/default">系统</a></li>
	                                <li><a hidefocus="true" href="/tools/db_bak">工具</a></li>
	                                <li><a hidefocus="true" href="/plugins/plugin_list">插件</a></li>
	                                <li>
	                            <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
	                        </li>
	                    </ul>
	                </div>
	                 <!--顶部菜单 结束-->
	            </nav>
			</header>
			
			<aside id="admin_left" class="main-sidebar">
	            <section class="sidebar" style="height: auto;">
	                <div class="user-panel">
						<div class="pull-left image">

							<i class="glyphicon glyphicon-user"></i>
						</div>
						<div class="pull-left info">
							<p>admin</p>
							<a href="#">超级管理员</a>
						</div>
					</div>

					<ul class="sidebar-menu tree" data-widget="tree">
						<li class="header">订单模块菜单</li>
						<li class="treeview menu-open">
							<a href="#collapseOne" data-toggle="collapse" data-parent="#accordion">
								<i class="fa fa-home" name="ico" menu="订单管理"></i>
								<span>订单管理</span>
								<span class="pull-right-container">
									<i class="glyphicon glyphicon-chevron-down pull-right"></i>
								</span>
							</a>
							<ul id="collapseOne" class="treeview-menu" name="leftMenu" style="display: block;">
								<li class="active">
									<a href="/system/default"><i class="fa fa-circle-o"></i>订单列表</a>
								</li>
								<li class="">
									<a href="gzh-admin-addGoods.html"><i class="fa fa-circle-o"></i>添加订单</a>
								</li>
							</ul>
						</li>
						<li class="treeview">
							<a href="#collapseTwo" data-toggle="collapse" data-parent="#accordion">
								<i class="fa fa-wrench" name="ico" menu="单据管理"></i>
								<span>单据管理</span>
								<span class="pull-right-container">
									<i class="glyphicon glyphicon-chevron-left pull-right"></i>
								</span>
							</a>
							<ul id="collapseTwo" class="treeview-menu" name="leftMenu">
								<li>
									<a href="/system/conf_base"><i class="fa fa-circle-o"></i>收款单</a>
								</li>
								<li>
									<a href="/system/conf_guide"><i class="fa fa-circle-o"></i>退款单</a>
								</li>
								<li>
									<a href="/system/conf_banner"><i class="fa fa-circle-o"></i>发货单</a>
								</li>
								<li>
									<a href="/system/conf_ui/type/site"><i class="fa fa-circle-o"></i>退款申请列表</a>
								</li>
							</ul>
						</li>
						<li class="treeview">
							<a href="#collapseFour" data-toggle="collapse" data-parent="#accordion">
								<i class="fa fa-share-alt" name="ico" menu="发货地址"></i>
								<span>发货地址</span>
								<span class="pull-right-container">
									<i class="glyphicon glyphicon-chevron-left pull-right"></i>
								</span>
							</a>
							<ul id="collapseFour" class="treeview-menu" name="leftMenu">
								<li>
									<a href="/system/oauth_list"><i class="fa fa-circle-o"></i>发货地址管理</a>
								</li>
							</ul>
						</li>

					</ul>
		</div>
		
		
			<div id="admin_right" class="content-wrapper" style="min-height: 880px;">
				<div class="breadcrumbs" id="breadcrumbs">
					<ul class="breadcrumb">
						<li>
							<i class="home-icon fa fa-home"></i>
							<a href="#">订单</a>
						</li>
						<li>
							<a href="#">订单管理</a>
						</li>
						<li class="active">订单查看</li>
					</ul>
				</div>
				<div class="content" style="min-height: 880px;">
					<div class="alert" style="background-color:#F5F5F5" id="ctrlButtonArea">
						<button type="button" class="btn btn-info inactive" id="to_pay" onclick="pay(3427);" >支付</button>
						<button type="button" class="btn btn-primary inactive" id="to_deliver" onclick="deliver(3427);" >发货</button>
						<button type="button" class="btn btn-warning inactive" id="to_refundment" onclick="refundment(3427);" >退款</button>
						<button type="button" class="btn btn-success inactive" id="to_finish" onclick="complete(3427,5)">完成</button>
						<button type="button" class="btn btn-danger inactive" id="to_cancel" onclick="complete(3427,4)">作废</button>
					</div>
					<div class="nav-tabs-custom">
						<ul class="nav nav-tabs">
							<li class="active">
								<a href="#tab1" data-toggle="tab">基本信息</a>
							</li>
							<li>
								<a href="#tab2" data-toggle="tab">收退款记录</a>
							</li>
							<li>
								<a href="#tab3" data-toggle="tab">发货记录</a>
							</li>
							<li>
								<a href="#tab4" data-toggle="tab">发票和备注</a>
							</li>
							<li>
								<a href="#tab5" data-toggle="tab">订单日志</a>
							</li>
							<li>
								<a href="#tab6" data-toggle="tab">订单附言</a>
							</li>
						</ul>
					
						<div class="tab-content">
							<div class="tab-pane active" id="tab1">
								<table class="table list-table">
									<colgroup>
										<col>
										<col width="90px">
										<col width="90px">
										<col width="90px">
										<col width="90px">
										<col width="150px">
									</colgroup>
					
									<thead>
										<tr>
											<th>商品名称</th>
											<th>商品原价</th>
											<th>实际价格</th>
											<th>商品数量</th>
											<th>小计</th>
											<th>配送方式</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>
												<a href="/products-17.html" target="_blank">
													雅岸 2015高档正品翻领提花短袖男士衬衫 中年免烫开衫休闲格子男式衬衣男 XL4064 藏蓝色 L &nbsp;&nbsp; &nbsp;&nbsp; 1556123791 &nbsp;&nbsp;
												</a>
											</td>
											<td>￥1.69</td>
											<td>￥0.02</td>
											<td>2</td>
											<td>￥0.04</td>
											<td>
												未发 </td>
										</tr>
									</tbody>
								</table>
					
								<div class="row">
									<div class="col-md-6">
										<div class="box box-success box-solid">
											<div class="box-header">
												订单金额明细
											</div>
											<div class="box-body">
												<table class="table form-table">
													<colgroup>
														<col width="120px">
														<col>
													</colgroup>
					
													<tbody>
														<tr>
															<th>商品总额:</th>
															<td>￥3.38</td>
														</tr>
														<tr>
															<th>配送费用:</th>
															<td>￥20.00</td>
														</tr>
														<tr>
															<th>保价费用:</th>
															<td>￥0.00</td>
														</tr>
														<tr>
															<th>税金:</th>
															<td>￥0.00</td>
														</tr>
														<tr>
															<th>优惠总额:</th>
															<td>￥3.34</td>
														</tr>
														<tr>
															<th>加价或减价:</th>
															<td>￥0.00</td>
														</tr>
														<tr>
															<th>订单总额:</th>
															<td>￥20.04</td>
														</tr>
														<tr>
															<th>已支付金额:</th>
															<td>
																￥ </td>
														</tr>
					
													</tbody>
												</table>
											</div>
										</div>
									</div>
					
									<div class="col-md-6">
					
										<div class="box box-success box-solid">
											<div class="box-header">收货人信息</div>
											<div class="box-body">
												<table class="table form-table">
													<colgroup>
														<col width="120px">
														<col>
													</colgroup>
					
													<tbody>
														<tr>
															<th>发货日期:</th>
															<td></td>
														</tr>
														<tr>
															<th>姓名:</th>
															<td>麦麦体</td>
														</tr>
														<tr>
															<th>电话:</th>
															<td>09036712444</td>
														</tr>
														<tr>
															<th>手机 :</th>
															<td>18197831882</td>
														</tr>
														<tr>
															<th>地区:</th>
															<td>新疆维吾尔自治区&nbsp;和田地区&nbsp;策勒县</td>
														</tr>
														<tr>
															<th>地址:</th>
															<td>粮食小区6楼203号</td>
														</tr>
														<tr>
															<th>邮编:</th>
															<td></td>
														</tr>
														<tr>
															<th>送货时间:</th>
															<td>任意</td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
									</div>
								</div>
					
								<div class="row">
									<div class="col-md-6">
										<div class="box box-success box-solid">
											<div class="box-header">
												配送支付信息
											</div>
											<div class="box-body">
												<table class="table form-table">
													<colgroup>
														<col width="120px">
														<col>
													</colgroup>
													<tbody>
														<tr>
															<th>配送方式:</th>
															<td>快递</td>
														</tr>
					
														<tr>
															<th>商品重量:</th>
															<td>1000g</td>
														</tr>
														<tr>
															<th>支付方式:</th>
															<td>支付宝手机网站支付</td>
														</tr>
														<tr>
															<th>可得积分:</th>
															<td>0</td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
									</div>
					
									<div class="col-md-6">
										<div class="box box-success box-solid">
											<div class="box-header">
												买家信息
											</div>
											<div class="box-body">
												<table class="table form-table">
													<colgroup>
														<col width="120px">
														<col>
													</colgroup>
													<tbody>
														<tr>
															<th>用户名:</th>
															<td>yu0546</td>
														</tr>
														<tr>
															<th>姓名:</th>
															<td></td>
														</tr>
														<tr>
															<th>电话:</th>
															<td></td>
														</tr>
														<tr>
															<th>地区:</th>
															<td></td>
														</tr>
														<tr>
															<th>Email:</th>
															<td></td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
									</div>
								</div>
					
								<div class="row">
									<div class="col-md-6">
										<div class="box box-success box-solid">
											<div class="box-header">
												订单信息
											</div>
											<div class="box-body">
												<table class="table form-table">
													<colgroup>
														<col width="120px">
														<col>
													</colgroup>
					
													<tbody>
														<tr>
															<th>订单号:</th>
															<td>201810022010327590</td>
														</tr>
														<tr>
															<th>当前状态:</th>
															<td class="red">已取消</td>
														</tr>
														<tr>
															<th>支付状态:</th>
															<td>未付款</td>
														</tr>
														<tr>
															<th>配送状态:</th>
															<td>未发货</td>
														</tr>
														<tr>
															<th>订单类型:</th>
															<td>普通订单</td>
														</tr>
														<tr>
															<th>订单所属:</th>
															<td>
																平台自营
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
									</div>
								</div>
							</div>
					
							<div class="tab-pane" id="tab2">
								<div class="row">
									<div class="col-md-6">
										<div class="box box-success box-solid">
											<div class="box-header">
												收款单据
											</div>
											<div class="box-body">
												<table class="table list-table">
													<colgroup>
														<col width="120px">
														<col>
													</colgroup>
					
													<tbody>
														<tr>
															<th colspan="2"></th>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
									</div>
					
									<div class="col-md-6">
										<div class="box box-success box-solid">
											<div class="box-header">
												退款单据
											</div>
											<div class="box-body">
												<table class="table list-table">
													<colgroup>
														<col width="120px">
														<col>
													</colgroup>
					
													<tbody>
													</tbody>
												</table>
											</div>
										</div>
									</div>
								</div>
							</div>
					
							<div class="tab-pane" id="tab3">
								<table class="table list-table">
									<colgroup>
										<col width="160px">
										<col width="120px">
										<col width="120px">
										<col width="150px">
										<col width="150px">
										<col>
									</colgroup>
					
									<thead>
										<tr>
											<th>配送时间</th>
											<th>配送方式</th>
											<th>物流公司</th>
											<th>物流单号</th>
											<th>收件人</th>
											<th>备注</th>
										</tr>
									</thead>
					
									<tbody>
									</tbody>
								</table>
							</div>
					
							<div class="tab-pane" id="tab4">
								<table class="table form-table">
									<form action="/order/order_note" method="post"></form>
									<input type="hidden" name="order_id" value="3427">
									<colgroup>
										<col width="120px">
										<col>
									</colgroup>
					
									<tbody>
										<tr>
											<th>是否开票:</th>
											<td>否</td>
										</tr>
										<tr>
											<th>发票信息:</th>
											<td></td>
										</tr>
										<tr>
											<th>订单备注:</th>
											<td><textarea class="form-control" name="note" id="note" rows="8" cols="100"></textarea></td>
										</tr>
										<tr>
											<td></td>
											<td><button type="submit" class="btn btn-primary">保存</button></td>
										</tr>
									</tbody>
					
								</table>
							</div>
					
							<div class="tab-pane" id="tab5">
								<table class="table list-table">
									<colgroup>
										<col width="180px">
										<col width="100px">
										<col width="100px">
										<col width="70px">
										<col>
									</colgroup>
									<thead>
										<tr>
											<th>时间</th>
											<th>操作人</th>
											<th>动作</th>
											<th>结果</th>
											<th>备注</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>2018-10-02 21:20:06</td>
											<td>系统自动</td>
											<td>作废</td>
											<td>成功</td>
											<td>订单【201810022010327590】作废成功</td>
										</tr>
									</tbody>
								</table>
							</div>
					
							<div class="tab-pane" id="tab6">
								<table class="table form-table">
									<colgroup>
										<col width="120px">
										<col>
									</colgroup>
					
									<tbody>
										<tr>
											<th>订单附言:</th>
											<td></td>
										</tr>
									</tbody>
								</table>
							</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(function() {
				$('#collapseone').collapse('show')
			});
			$(function() {
				$('#collapseTwo').collapse('hide')
			});
			$(function() {
				$('#collapseThree').collapse('hide')
			});
			$(function() {
				$('#collapseFour').collapse('hide')
			});
			$(function() {
				$('#collapseFive').collapse('hide')
			});
			$(function() {
				$('#collapseSix').collapse('hide')
			});
			$(function() {
				$('#collapseSeven').collapse('hide')
			});
		
		</script>
		
	
		
	</body>
</html>
